<template>
  <el-container>
    <el-aside width="20%">

    </el-aside>
    <el-container style="min-height: 105vh;">
      <el-header>

      </el-header>
      <el-main>
        <!-- component -->
        <!-- Section 1 -->
        <section class="w-full px-6 pb-12 antialiased bg-white">
          <div class="mx-auto max-w-7xl">


            <!-- Main Hero Content -->
            <div class="container max-w-lg px-4 py-32 mx-auto text-left md:max-w-none md:text-center">
              <h1
                class="text-5xl font-extrabold leading-10 tracking-tight text-left text-gray-900 md:text-center sm:leading-none md:text-6xl lg:text-7xl">
                <span class="inline md:block">Code Sky</span>
                <span
                  class="relative mt-2 text-transparent bg-clip-text bg-gradient-to-br from-indigo-600 to-indigo-500 md:inline-block">在线编程平台</span>
              </h1>
              <div class="mx-auto mt-5 text-gray-500 md:mt-12 md:max-w-lg md:text-center lg:text-lg">
                欢迎来到Online Judge网站！本网站是一个面向计算机程序设计的在线评测系统，提供各种题目的在线测评和比赛服务，旨在为用户提供一个高效、方便、丰富的学习和竞赛平台。
              </div>
              <div class="flex flex-col items-center mt-12 text-center">
                <span class="relative inline-flex w-full md:w-auto">
                  <a href="/problem"
                    class="inline-flex items-center justify-center w-full px-8 py-4 text-base font-bold leading-6 text-white bg-indigo-600 border border-transparent rounded-full md:w-auto hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600">
                    Code Now
                  </a>
                  <span
                    class="absolute top-0 right-0 px-2 py-1 -mt-3 -mr-6 text-xs font-medium leading-tight text-white bg-green-400 rounded-full">新版本个人中心上线</span>
                </span>
                <a href="https://gitee.com/aa760303601_AA/SpringBoot_OnlineJudge_Systeam"
                  class="mt-3 text-sm text-indigo-500">二次开发</a>
              </div>
            </div>
            <!-- End Main Hero Content -->
          </div>
        </section>

      </el-main>
      <el-footer>
      </el-footer>
    </el-container>
    <el-aside width="20%"></el-aside>
  </el-container>
</template>


<script lang="ts" setup>

</script>